<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>demo</title>
<jsp:include page="addUser.jsp"></jsp:include>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="../../../js/jquery-1.9.1.js"></script>
<script src="../../../js/bootstrap.min.js"></script>
<script src="../../../js/jqPaginator.js"></script>
<script src="user.js"></script>
<!-- Bootstrap -->

<link href="../../../css/bootstrap.min.css" rel="stylesheet" />
<link href="user.css" rel="stylesheet" />


<style>
.alllists {
	width: 75%;
}

.buttonSt {
	text-align: right;
}
</style>
</head>
<body>
	<div class="container-fluid alllists">
		<div class="row-fluid">
			<div class="span12">
				<div id="tools" class="buttonSt">
					<button id="addUser" class="btn btn-primary btn-large"
						type="button" data-toggle="modal">添加</button>
					<button id="deleteBtn" class="btn btn-large btn-danger"
						type="button">删除</button>
				</div>
				<div>
					<table id="userList" class="table table-bordered table-hover">
						<thead>
							<tr>
								<td><input id="selectAll" class="checkbox" type="checkbox" /></td>
								<th>用户编号</th>
								<th>邮箱</th>
								<th>用户名</th>
								<th>密码</th>
								<th>手机</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>
							<c:forEach var="user" items="${pageResult.resultList}">
								<tr>
									<td><input name="userId" id="userId" class="checkbox"
										type="checkbox" value="${user.id}" /></td>
									<td>${user.id}</td>
									<td>${user.email}</td>
									<td>${user.username}</td>
									<td>${user.password}</td>
									<td>${user.mobile}</td>
									<td><button name="editBtn" objId="${user.id}"
											class="btn btn-sm-block btn-sm-info">修改</button></td>
								</tr>
							</c:forEach>
						<tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
	<div style="text-align: center;">
		<ul class="pagination" id="pagination2"></ul>
	</div>
	<div style="text-align: center;">
		<div id="pageResult">
			<input id="pageCount" type="hidden" value="${pageResult.pageCount}" />
			<input id="totalCount" type="hidden" value="${pageResult.totalCount}" />
			<input id="pageIndex" type="hidden" value="${pageResult.pageIndex}" />
			<input id="pageSize" type="hidden" value="${pageResult.pageSize}" />
		</div>
		<!-- footer -->

		<p>vinace-Demo by 御风林海</p>

	</div>
</body>

</html>